@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("https://material-1258771799.cos.ap-shanghai.myqcloud.com/shop/ccc.ttf");
}

:root {
  --red: #e54d42;
  --orange: #f37b1d;
  --yellow: #fbbd08;
  --olive: #8dc63f;
  --green: #39b54a;
  --cyan: #1cbbb4;
  --blue: #0081ff;
  --purple: #6739b6;
  --mauve: #9c26b0;
  --pink: #e03997;
  --brown: #a5673f;
  --grey: #8799a3;
  --gray: #aaaaaa;
  --black: #333333;
  --white: #ffffff;
}

body,
page {
  height: 100%;
}

view,
scroll-view,
swiper,
button,
textarea,
label,
navigator {
  box-sizing: border-box;
}

image,
video {
  vertical-align: middle;
}

button.transparent {
  -webkit-appearance: none;
  border: none !important;
  background-color: transparent !important;
  line-height: 1;
  padding: 0;
}